<template>
 <a-form style="max-width: 600px;margin: 0 auto; margin-top: 2%; display: flex; flex-direction: column; align-items: flex-start;"
    :label-col="labelCol"
    :wrapper-col="wrapperCol"
    layout="horizontal"
  >
  <a-form-item label="姓名">
      <a-input />
    </a-form-item>
    <a-form-item label="性别">
      <a-radio-group v-model:value="radioValue">
        <a-radio value="apple">男</a-radio>
        <a-radio value="pear">女</a-radio>
      </a-radio-group>
    </a-form-item>
    <a-form-item label="年龄">
      <a-input />
    </a-form-item>
    <a-form-item label="出生日期">
      <a-date-picker />
    </a-form-item>
    <a-form-item label="居住地">
        <a-input />
    </a-form-item>
    <a-form-item label="证件类型">
      <a-input />
    </a-form-item>
    <a-form-item label="证件号码">
      <a-input />
    </a-form-item>
    
    <a-form-item label="简介">
      <a-textarea :rows="4" />
    </a-form-item>
    <a-form-item label="上传头像">
      <a-upload action="/upload.do" list-type="picture-card">
        <div>
          <PlusOutlined />
          <div style="margin-top: 8px">Upload</div>
        </div>
      </a-upload>
    </a-form-item>
    <a-button type="primary" @click="submit" style="margin-left: 150px;">提交</a-button>
  </a-form>
</template>


<script setup lang="ts">
import router from '../router';
import { ref } from 'vue';
import { PlusOutlined } from '@ant-design/icons-vue';
const labelCol = { style: { width: '150px' } };
const wrapperCol = { span: 14 };
const radioValue = ref('apple');
const submit = () => {
  router.push('/login');
}
</script>



<style scoped>

</style>